<script setup lang="ts">
import { onErrorCaptured, ref } from 'vue'
import { Container } from "@/models/containers";
import Dynamic from "@/components/Dynamic.vue";
import Error from "./Error.vue";

const props = defineProps<{ model: Container }>()



</script>

<template>
    <div class="sql-box" :data-tag="model.tag">

        <Error v-for="cp in props.model.children">
            <Dynamic :component="cp"></Dynamic>
        </Error>
    </div>
</template>

<style scoped lang="less">
.sql-box {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    overflow: auto;
    flex-grow: 0;
    flex-shrink: 0;

    &:last-child {
        flex-shrink: 1
    }
}
</style>